@charset "utf-8";
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{word-wrap:break-word;font-family:Arial, Helvetica, Microsoft Yahei,SimHei; }
body, th, td, button, input, select, textarea {
	font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased
}
* {margin:0; padding:0;}
ul, ol, dl, li{
	list-style-type: none
}
a {text-decoration:none;cursor: pointer;}
a:link, a:visited {
    text-decoration: none;
}
img {border:0 none;}
.fl{float:left;}
.fr{float:right;}
.text-l {
	text-align: left
}
.text-r {
	text-align: right
}
.text-c {
	text-align: center
}
.va * {
	vertical-align: sub;
*vertical-align:middle;
	_vertical-align: middle
}
.va-t {
	vertical-align: top
}
.va-m {
	vertical-align: middle
}
.va-b {
	vertical-align: bottom
}
.va-s {
	vertical-align: sub
}
.pos-r {
	position: relative
}
.pos-a {
	position: absolute
}
.pos-f {
	position: fixed
}
.mt-5 {
	margin-top: 5px
}
.mt-10 {
	margin-top: 10px
}
.mt-15 {
	margin-top: 15px
}
.mt-20 {
	margin-top: 20px
}
.mt-25 {
	margin-top: 25px
}
.mt-30 {
	margin-top: 30px
}
.mt-35 {
	margin-top: 35px
}
.mt-40 {
	margin-top: 40px
}
.mt-45 {
	margin-top: 45px
}
.mt-50 {
	margin-top: 50px
}
.mt-55 {
	margin-top: 55px
}
.mt-60 {
	margin-top: 60px
}
.mt-70 {
	margin-top: 70px
}
.mt-80 {
	margin-top: 80px
}
.mt-90 {
	margin-top: 90px
}
.mt-100 {
	margin-top: 100px
}
.mb-0 {
	margin-bottom: 0px
}
.mb-5 {
	margin-bottom: 5px
}
.mb-10 {
	margin-bottom: 10px
}
.mb-15 {
	margin-bottom: 15px
}
.mb-20 {
	margin-bottom: 20px
}
.mb-30 {
	margin-bottom: 30px
}
.mb-40 {
	margin-bottom: 40px
}
.mb-50 {
	margin-bottom: 50px
}
.mb-60 {
	margin-bottom: 60px
}
.mb-70 {
	margin-bottom: 70px
}
.mb-80 {
	margin-bottom: 80px
}
.mb-90 {
	margin-bottom: 90px
}
.mb-100 {
	margin-bottom: 100px
}
.ml-0 {
	margin-left: 0px
}
.ml-5 {
	margin-left: 5px
}
.ml-10 {
	margin-left: 10px
}
.ml-15 {
	margin-left: 15px
}
.ml-20 {
	margin-left: 20px
}
.ml-30 {
	margin-left: 30px
}
.ml-40 {
	margin-left: 40px
}
.ml-50 {
	margin-left: 50px
}
.ml-60 {
	margin-left: 60px
}
.ml-70 {
	margin-left: 70px
}
.ml-80 {
	margin-left: 80px
}
.ml-90 {
	margin-left: 90px
}
.ml-100 {
	margin-left: 100px
}
.mr-0 {
	margin-right: 5px
}
.mr-5 {
	margin-right: 5px
}
.mr-10 {
	margin-right: 10px
}
.mr-15 {
	margin-right: 15px
}
.mr-20 {
	margin-right: 20px
}
.mr-30 {
	margin-right: 30px
}
.mr-40 {
	margin-right: 40px
}
.mr-50 {
	margin-right: 50px
}
.mr-60 {
	margin-right: 60px
}
.mr-70 {
	margin-right: 60px
}
.mr-80 {
	margin-right: 60px
}
.mr-90 {
	margin-right: 60px
}
.mr-100 {
	margin-right: 100px
}
.mtb-10{
	margin:10px 0
}
.mtb-20{
	margin:20px 0
}
.mtb-30{
	margin:30px 0
}
.pt-5 {
	padding-top: 5px
}
.pt-10 {
	padding-top: 10px
}
.pt-15 {
	padding-top: 15px
}
.pt-20 {
	padding-top: 20px
}
.pt-30 {
	padding-top: 30px
}
.pt-40 {
	padding-top: 40px
}
.pt-50 {
	padding-top: 50px
}
.pt-60 {
	padding-top: 60px
}
.pt-70 {
	padding-top: 70px
}
.pt-80 {
	padding-top: 80px
}
.pt-90 {
	padding-top: 90px
}
.pt-100 {
	padding-top: 100px
}
.pt-200 {
	padding-top: 200px
}
.pt-none {
	padding-top: 0
}
.pb-5 {
	padding-bottom: 5px
}
.pb-10 {
	padding-bottom: 10px
}
.pb-20 {
	padding-bottom: 20px
}
.pb-30 {
	padding-bottom: 30px
}
.pb-none {
	padding-bottom: 0
}
.pl-5 {
	padding-left: 5px
}
.pl-10 {
	padding-left: 10px
}
.pl-20 {
	padding-left: 20px
}
.pl-30 {
	padding-left: 30px
}
.pl-70 {
	padding-left: 70px
}
.pl-80 {
	padding-left: 80px
}
.pl-none {
	padding-left: 0
}
.pr-0 {
	padding-right: 0
}
.pr-5 {
	padding-right: 5px
}
.pr-10 {
	padding-right: 10px
}
.pr-20 {
	padding-right: 20px
}
.pr-30 {
	padding-right: 30px
}
.pr-40 {
	padding-right: 40px
}
.pr-50 {
	padding-right: 50px
}
.pr-60 {
	padding-right: 60px
}
.pr-70 {
	padding-right: 70px
}
.pr-80 {
	padding-right: 80px
}
.pr-90 {
	padding-right: 90px
}
.pr-100 {
	padding-right: 100px
}
.pr-none {
	padding-right: 0
}
.pd-5 {
	padding: 5px
}
.pd-10 {
	padding: 10px
}
.pd-15 {
	padding: 15px
}
.pd-20 {
	padding: 20px
}
.pd-30 {
	padding: 30px
}
.pd-40 {
	padding: 40px
}
.radius {
	border-radius: 4px;
	overflow: hidden
}
.circle {
	border-radius: 50%;
	overflow: hidden
}
.indent {
	text-indent: 2em
}
.font12 {
	font-size: 12px
}
.font14 {
	font-size: 14px
}
.font16 {
	font-size: 16px
}
.font18 {
	font-size: 18px
}
.font20 {
	font-size: 20px
}
.font22 {
	font-size: 22px
}
.font24 {
	font-size: 24px
}
.font26 {
	font-size: 26px
}
.font28 {
	font-size: 28px
}
.font30 {
	font-size: 30px
}
.font36 {
	font-size: 36px
}
.font40 {
	font-size: 40px
}
.lh-16 {
	line-height: 16px
}
.lh-18 {
	line-height: 18px
}
.lh-20 {
	line-height: 20px
}
.lh-22 {
	line-height: 22px
}
.lh-24 {
	line-height: 24px
}
.lh-26 {
	line-height: 26px
}
.lh-28 {
	line-height: 28px
}
.lh-30 {
	line-height: 30px
}
.lh-65 {
	line-height: 65px
}
.width25 {
	width: 25px
}
.width30 {
	width: 30px
}
.width35 {
	width: 35px
}
.width40 {
	width: 40px
}
.width50 {
	width: 50px
}
.width60 {
	width: 60px
}
.width80 {
	width: 80px
}
.width100 {
	width: 100px
}
.width150 {
	width: 150px
}
.width200 {
	width: 200px
}
.width288 {
	width: 288px
}
.width320 {
	width: 320px
}

.widthper30 {
	width: 30%
}
.widthper50 {
	width: 50%
}
.widthper90 {
	width: 90%
}
.widthper100 {
	width: 100%
}
.heightauto{
	height:auto;
}
.height20 {
	height: 20px
}
.height22 {
	height: 22px
}
.height25 {
	height: 25px
}
.height30 {
	height: 30px
}
.height35 {
	height: 35px
}
.height40 {
	height: 40px
}
.height46 {
	height: 46px
}
.height50 {
	height: 50px
}
.height65 {
	height: 65px
}
.height600 {
	height: 600px
}
.heightper70 {
	height: 70%
}
.minheight600{
	min-height:600px
}
.minheight670{
	min-height:670px
}
.white{
	color:#fff;
}
.pink {
	color: #fc6768
}
.green {
	color: #019a66
}
.blue {
	color: #39B3D7
}
.purple {
	color: #9834ff
}
.grey{
	color:#c8c8c8
}
.grey1{
	color:#848181
}
.orange {
	color: #fe7402
}
.blank{
	color:#000;
}
.bgwhite{
	background-color:#fff;
}
.bggrey{
	background-color:#f7f7f7
}
.red{ color:#F00}
.split {
    width: 1px;
    height: 14px;
    margin: 0 14px 2px;
    vertical-align: text-bottom;
	background-color: #fff;
}
.opacity{
	opacity:0.75;
}
.hide{display:none;}
.show{display:block;}
.hidden {
    overflow: hidden;

}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.modal-title{font-size: 16px; font-weight: bold}

.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
